05.Flutter国际化

国际化

flutter_localizations 包

配置

默认情况下,Flutter SDK 中的组件仅提供美国英语本地化资源(主要是文本)。要添加对其他语言的支持,应用程序须添加一个名为 "flutter_localizations" 的包依赖

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

下载 flutter_localizations 库,然后指定 MaterialApp 的 localizationsDelegates 和 supportedLocales:

import 'package:flutter_localizations/flutter_localizations.dart';
MaterialApp(
 localizationsDelegates: [
   // 本地化的代理类
   GlobalMaterialLocalizations.delegate,
   GlobalWidgetsLocalizations.delegate,
 ],
 supportedLocales: [
    const Locale('en', 'US'), // 美国英语
    const Locale('zh', 'CN'), // 中文简体
    // 其他Locales
  ],
  // ...
)

获取当前区域 Locale

获取应用的当前区域 Locale:

Locale locale = Localizations.localeOf(context);
Locale? maybeLocale = Localizations.maybeLocaleOf(context);

Localizations (opens new window) 组件一般位于 widget 树中其他业务组件的顶部,它的作用是定义区域 Locale 以及设置子树依赖的本地化资源。 如果系统的语言环境发生变化,则会使用对应语言的本地化资源

监听系统语言切换

当我们更改系统语言设置时,APP 中的 Localizations 组件会重新构建,Localizations.localeOf(context) 获取的 Locale 就会更新,最终界面会重新 build 达到切换语言的效果。但是这个过程是隐式完成的,我们并没有主动去监听系统语言切换,但是有时我们需要在系统语言发生改变时做一些事,比如系统语言切换为一种我们 APP 不支持的语言时,我们需要设置一个默认的语言,这时我们就需要监听 locale 改变事件。
可以通过 MaterialApp 中的 localeResolutionCallbacklocaleListResolutionCallback 回调来监听 locale 改变的事件
localeResolutionCallback的回调函数签名:

Locale Function(Locale locale, Iterable<Locale> supportedLocales)

MaterialApp(
 // ...
 locale: const Locale('en', 'US'), //手动指定locale
 // ...
)

上面的例子中手动指定了应用 locale 为美国英语,指定后即使设备当前语言是中文简体,应用中的 locale 也依然是美国英语。如果 locale 为 null,则表示 Flutter 未能获取到设备的 Locale 信息,所以我们在使用 locale 之前一定要先判空。

localeListResolutionCallback和 localeResolutionCallback 唯一的不同就在第一个参数类型,前者接收的是一个 Locale 列表,而后者接收的是单个 Locale:

Locale Function(List<Locale> locales, Iterable<Locale> supportedLocales)

在较新的 Android 系统中,用户可以设置一个语言列表,这样一来,支持多语言的应用就会得到这个列表,应用通常的处理方式就是按照列表的顺序依次尝试加载相应的 Locale,如果某一种语言加载成功则会停止。
在 Flutter 中,应该优先使用 localeListResolutionCallback,当然你不必担心 Android 系统的差异性,如果在低版本的 Android 系统中,Flutter 会自动处理这种情况,这时 Locale 列表只会包含一项

Localization 组件

Intl 包

Ref

让App支持多语言